<template>
  <div class="header">
      <input type="text" placeholder="中秋">
      <span class="iconfont icon-chaxun search"></span>
      <span class="iconfont icon-saoma saoma"></span>
      <span class="iconfont icon-erji"></span>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
.header{
    position: fixed;
    top:0;
    width:100%;
    height:0.52rem;
    background-color: #1aad67;
    font-size:0.18rem;
    z-index: 999;
    display: flex;
    justify-content: space-evenly;
}
input{
    width:2.55rem;
    height:0.3rem;
    border-radius: 0.17rem;
    font-size:0.12rem;
    text-indent: 0.9rem;
    border:none;
    outline: none;
    transform: translateY(0.1rem);
}
.iconfont{
    font-size:0.22rem;
    line-height: 0.52rem;
}
.search{
    position: absolute;
    left:0.8rem;
    top:0.01rem;
}
.saoma{
    margin:0 0.1rem
}
</style>